<template>
	<view class="enter-school">
		<MyHeader title="填写入学信息"></MyHeader>
		<image class="enter-banner" src="https://fawn.xuexiluxian.cn/api/profile/wechat/bgimg/enter-banner.png" mode=""></image>
		<form action="">
			<view class="manager-form">
				<!-- 姓名 -->
				<view class="manage-item clear-line">
					<view class="item-title">
						姓名:
					</view>
					<view class="item-main">
						<input placeholder="请输入姓名" type="text" name="name" value="" />
					</view> 
				</view>
				<!-- 性别 -->
				<view class="manage-item">
					<view class="item-title"></view>
					<view class="item-main sex-item">
					<radio-group name="gender" class="item-main sex-item">
						<label>
							<radio value="1" color="#0066ff" />女士
						</label>
						<label>
							<radio value="0" color="#0066ff" />先生
						</label>
					</radio-group>
					</view>
				</view>
				<!-- 入学码 -->
				<view class="manage-item">
					<view class="item-title">
						入学码:
					</view>
					<view class="item-main">
						<input placeholder="请填写入学码" type="text" name="admissionCode" value="" />
					</view> 
				</view>
				<!-- 身份证 -->
				<view class="manage-item">
					<view class="item-title">
						身份证:
					</view>
					<view class="item-main">
						<input placeholder="请填写身份证" type="idcard" name="idCard" value="" />
					</view> 
				</view>
				<!-- 手机号 -->
				<view class="manage-item">
					<view class="item-title">
						手机号:
					</view>
					<view class="item-main">
						<input placeholder="请填写手机号" type="number" name="phone" value="" />
					</view> 
				</view>
				<!-- 前端阶段 -->
				<view class="manage-item">
					<view class="item-title">
						前端阶段:
					</view>
					<view class="item-main">
						<input placeholder="请填写你的阶段" type="text" name="frontStage" value="" />
					</view> 
				</view>
				<!-- 家庭地址 -->
				<view class="manage-item address">
					<view class="address-title">
						<view class="item-title">
							家庭住址：
						</view>
						<Kregion class="item-local" width='400' height='40'>
							
						</Kregion>
					</view>
					<view class="address-main">
						<input type="text" value="" name="addressInfo"  placeholder="详细地址:如道路/门牌号/小区/楼栋号/单元楼"/>
					</view>
				</view>
				<!-- 出生日期 -->
				<view class="manage-item">
					<view class="item-title">
						出生日期:
					</view>
					<view class="item-main">
						<input placeholder="请填写格式(年-月-日)" type="text" name="birthDate" value="" />
					</view> 
				</view>
				<!-- 学历 -->
				<view class="manage-item">
					<view class="item-title">
						学历:
					</view>
					<view class="item-main">
						<input placeholder="请填写学历" type="text" name="education" value="" />
					</view> 
				</view>
				<!-- 专业 -->
				<view class="manage-item">
					<view class="item-title">
						专业:
					</view>
					<view class="item-main">
						<input placeholder="请填写专业" type="text" name="major" value="" />
					</view> 
				</view>
				<!-- 微信 -->
				<view class="manage-item">
					<view class="item-title">
						微信:
					</view>
					<view class="item-main">
						<input placeholder="请填写微信" type="text" name="wechat" value="" />
					</view> 
				</view>
				<!-- QQ -->
				<view class="manage-item">
					<view class="item-title">
						QQ:
					</view>
					<view class="item-main">
						<input placeholder="请填写QQ" type="text" name="qq" value="" />
					</view> 
				</view>
				<!-- 目前状态-->
				<view class="manage-item">
					<view class="item-title">
						目前状态:
					</view>
					<view class="item-main">
						<input placeholder="在职/就业/待读" type="text" name="currentState" value="" />
					</view> 
				</view>
				<!-- 就业城市 -->
				<view class="manage-item">
					<view class="item-title">
						就业城市:
					</view>
					<view class="item-main">
						<input placeholder="请填写就业城市" type="text" name="city" value="" />
					</view> 
				</view>
				<!-- 紧急联系人 -->
				<view class="manage-item">
					<view class="item-title">
						紧急联系人:
					</view>
					<view class="item-main">
						<input placeholder="请填写紧急联系人" type="text" name="energencyContact" value="" />
					</view> 
				</view>
				<!-- 紧急联系人电话 -->
				<view class="manage-item">
					<view class="item-title">
						紧急联系人电话:
					</view>
					<view class="item-main">
						<input placeholder="请填写紧急联系人电话" type="text" name="energencyPhone" value="" />
					</view> 
				</view>
				<!-- 顾问老师-->
				<view class="manage-item">
					<view class="item-title">
						顾问老师:
					</view>
					<view class="item-main">
						<input placeholder="请填写顾问老师" type="text" name="teacher" value="" />
					</view> 
				</view>
			</view>
			<view class="manger-btn">
				<button class="btn-show" form-type="submit">提交</button>
			</view>
		</form>
	</view>
</template>

<script>
	import MyHeader from '../../Common/My-header/my-header.vue'
	export default{
		data(){
			return{
				
			}
		},
		components:{
			MyHeader
		}
	}
</script>

<style scoped>
	.enter-school{
		margin-top: 140rpx;
		width: 750rpx;
		height: 100%;
		color: #f3f4f6;
	}
	.enter-banner{
		width: 750rpx;
		height: 273rpx;
	}
	.manager-form{
		background-color: #FFFFFF;
		box-sizing: border-box;
	}
	.manage-item{
		width: 100vw;
		border: 2px solid #f3f4f6;
		display: flex;
		align-items: center;
		padding: 32rpx 42rpx;
		box-sizing: border-box;
	}
	.address{
		display: block;
		height: 200rpx;
	}
	.address-title{
		display: flex;
		align-items: center;
		color: #999999;
	}
	.address-main{
		width: 671rpx;
		padding-top: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #999999;
		line-height: 88rpx;
		opacity: 0.8;
	}
	.clear-line{
		border: none;
	}
	.item-title{
		width: 240rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		line-height: 16rpx;
	}
	.item-local{
		font-size: 28rpx;
	}
	.item-main{
		flex: 1;
		font-size: 28rpx;
		font-weight: 400;
		color: #999999;
		padding-left: 20rpx;
		opacity: 0.8;
	}
	.sex-item{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.manger-btn{
		width: 750rpx;
		height: 265rpx;
		display: flex;
		justify-content: center;
	}
	.btn-show{
		width: 420rpx;
		height: 80rpx;
		line-height: 80rpx;
		background: #0066ff;
		border-radius: 40rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
	}
	
</style>
